모래위키:문법 도움말_{(r1 문단 편집)}

[오류!] 편집 권한이 부족합니다. 로그인된 사용자(이)여야 합니다. 해당 문서의 ACL 탭을 확인하시기 바랍니다.
윗 줄에 아무 내용이 없어 리스트 문법이 적용되지 않는 리스트입니다.
그 아래부터는 윗 줄에 아무 내용이 존재하여 리스트 문법이 깨지지 않습니다.
예시	`##@ 편집 창에서만 노출 기능 예시입니다.([[나무위키:문법 도움말#s-17\|17번 문단]]을 참고하시기 바랍니다.)`
결과	이런 식으로 편집할 시에만 노출됩니다.(17번 문단을 참고하시기 바랍니다.)
=== 테이블의 크기와 색상 ===
아래에 해당하는 명령어를 {{{||}}} 뒤에 입력합니다. {{{||}}} 이후 띄어쓰기나 문법 오탈자로 인해 꾸미기 문법이 아닌 다른 기호나 서술이 들어갔을 경우 꾸미기는 적용되지 않으니 주의 바랍니다.

'셀'이란 테이블의 가로 또는 세로로 분할된 각각의 구역을 뜻합니다.

 * '''테이블 전체 너비''': {{{<tablewidth=}}}{{{#14F,#4AF (수치)}}}{{{>}}} 또는 {{{<table width=}}}{{{#14F,#4AF (수치)}}}{{{>}}}
  * {{{<tablewidth=600px>}}} 또는 {{{<table width=600px>}}}: 절대 수치
   * '''{{{#008275 참고}}}''': 사용자가 보는 기기의 화상 규격 너비가 설정한 테이블 절대 수치보다 작을 경우 접기 문법 내에 있지 않은 테이블은 화상 규격 너비로 출력됩니다. 다음 문법을 셀 안에 삽입하면 화상 규격이 작은 경우에도 테이블에 대한 좌우 스크롤바가 나타나며 테이블을 고정폭으로 만들 수 있습니다.
   || {{{[[파일:투명.png|width=(설정하려는 셀의 너비에서 20px을 뺀 값)px&height=0px]]}}} ||
  * '''{{{#red 주의}}}''': 테이블 전체 너비는 {{{<tablewidth=50%>}}}와 같은 상대 수치 표현이 가능하나, 이렇게 되면 __화상 폭에 대한 상대 수치__가 적용되므로 임의의 환경에 맞는 적정 너비를 선정하기 어렵습니다. 100%에 가깝게 크게 설정 시 큰 모니터의 화면에서 매우 큰 테이블이 출력되어 가독성이 저하되고, 낮은 비율로 설정 시 모바일 기기에서 읽기 어려울 정도로 아주 작은 테이블이 출력되는 상황이 발생합니다. 따라서 테이블 크기는 절대 수치로 설정하는 것이 일반적인 권장 사항입니다.

 * '''셀 너비''': {{{<width=}}}{{{#14F,#4AF (수치)}}}{{{>}}}
  * {{{<width=200px>}}}: 절대 수치
   * '''{{{#008275 참고}}}''': 사용자가 보는 기기의 화상 규격 너비가 설정한 셀 절대 수치보다 작을 경우 접기 문법 내에 있지 않은 셀은 화상 규격 너비로 출력됩니다. 다음 문법을 셀 안에 삽입하면 화상 규격이 작은 경우에도 셀에 대한 좌우 스크롤바가 나타나며 셀을 고정폭으로 만들 수 있습니다.
   || {{{[[파일:투명.png|width=(설정하려는 셀의 너비에서 20px을 뺀 값)px&height=0px]]}}} ||
  * {{{<width=50%>}}}: __테이블 전체 너비에 대한__ 상대 수치
 * '''셀 높이''': {{{<height=}}}{{{#14F,#4AF (수치)}}}{{{>}}}
  * {{{<height=200px>}}}: 절대 수치
  * {{{<height=50%>}}}: __테이블 전체 높이에 대한__ 상대 수치

 * '''색상 관련 공통 사항'''
  * 자세한 색상 표기 방법은 [[#textcolor|텍스트 색상 문단]]을 참고하시기 바랍니다.
  * 색상 지정 우선순위: 개별 셀 지정 > 한 열 지정 > 한 행 지정 > 테이블 전체 지정
   * 우선순위에 따라 투명 색상이 겹쳐져서 출력됩니다. 예를 들어 테이블 배경이 붉은색({{{red}}})이고 열 배경이 투명색({{{transparent}}})인 경우, 열 배경은 테이블 배경과 겹쳐져 붉은색으로 보여집니다.
  * '''{{{#red 주의}}}''': 텍스트 색상 문법과는 달리, [[헥스 코드#s-5.1|CSS 색상명]]을 사용할 경우 앞에 {{{#}}}를 붙이지 않습니다. 또한 색상명 중 peru와 gr'''{{{#red e}}}'''y가 들어간 색상[* darkgrey, darkslategrey, dimgrey, grey, lightgrey, lightslategrey, slategrey]은 사용할 수 없습니다.[* gr'''{{{#red e}}}'''y 대신 gr'''{{{#red a}}}'''y를 사용할 수 있습니다.]
   * 예시: {{{<bgcolor=white>}}}, {{{<tablecolor=black>}}}...
  * 색상 지정시 {{{#14F,#4AF (기본 색상)}}}{{{,}}}{{{#14F,#4AF (다크 테마용 색상)}}}과 같이 콤마({{{,}}})로 구분하여 다크 테마용 색깔을 지정할 수 있습니다.
   * {{{<bgcolor=#RRGGBB>}}}: 라이트 테마에서는 그대로 출력되고, 다크 테마에서는 시스템이 자동으로 채도가 낮은 색상으로 변경하여 출력합니다.[br]따라서 [[나무위키:편집지침/일반 문서#서술 우선순위|다크 모드]] 색상에 맞춰 명암비를 변경할 경우 다음 예시와 같이 작성합니다. [[https://board.namu.wiki/b/free/3016057|다크 모드 색상 변경사항]]
    * {{{<bgcolor=#f78d20,#f78d20>}}}[* 화이트 모드에서 적용했던 색상이 다크모드에서 적용했을 때 명암비가 [[나무위키:편집지침/일반 문서#서술 우선순위|규칙]]에 적합한 경우 해당 예시와 같이 작성합니다.]
   * {{{<bgcolor=#RRGGBB,#RRGGBB>}}}: 첫 번째 색상은 라이트 테마, 두 번째 색상은 다크 테마에서 적용됩니다.
   * 예시: {{{<bgcolor=#00a495,#2d2f34>}}}, {{{<tablecolor=#00a495,#2d2f34>}}}...

 * '''테이블 배경색'''[anchor(테이블 배경색)]
  * 개별 셀 지정: {{{<bgcolor=#RRGGBB>}}}
   * '''{{{#red 주의}}}''': 앞에 {{{bgcolor=}}}이 없는 {{{<#RRGGBB>}}}나 {{{<red>}}} 형식은 지원이 중단될 예정입니다.
   * 비표준 문법으로 셀 배경에 그라데이션을 적용할 수 있습니다. [[/심화#그라데이션|심화 문법]]의 응용 예시 참고.
  * 한 열 지정: {{{<colbgcolor=#RRGGBB>}}}
   * 색상을 지정한 셀부터 아래로만 적용됩니다. 빈 셀에는 색상이 적용되지 않습니다.
   * '''{{{#red 주의}}}''': {{{<col bgcolor=#RRGGBB>}}}는 지원하지 않습니다.
  * 한 행 지정: {{{<rowbgcolor=#RRGGBB>}}}
   * '''{{{#red 주의}}}''': {{{<row bgcolor=#RRGGBB>}}}는 지원하지 않습니다.
  * 테이블 전체 지정: {{{<tablebgcolor=#RRGGBB>}}} 또는 {{{<table bgcolor=#RRGGBB>}}}
  * 우선순위: {{{bgcolor}}} > {{{colbgcolor}}} > {{{rowbgcolor}}} > {{{tablebgcolor}}}
  ||<width=25%><tablecolor=#000><tablebgcolor=#C0DFDE>{{{tablebgcolor}}}||<width=25%>||<width=25%><colbgcolor=#80C0BB>{{{colbgcolor}}}||<width=25%>||
  ||<rowbgcolor=#40A198>{{{rowbgcolor}}}|| || || ||
  || || ||<bgcolor=#008275>{{{bgcolor}}}|| ||
   * 2칸 이상이 합쳐진 셀의 경우, 셀을 합치는 명령어 {{{<-2>}}}/{{{<|2>}}}같은 명령어가 입력된 셀의 것을 따라갑니다. 즉 입력한 숫자 값만큼 왼쪽/위의 셀의 것을 따라갑니다.
   ||<width=25%><tablecolor=#000><tablebgcolor=#C0DFDE>{{{tablebgcolor}}}||<width=25%><|2> {{{<|2>}}} ||<width=25%><colbgcolor=#80C0BB>{{{colbgcolor}}}||<width=25%>||
   ||<rowbgcolor=#40A198>{{{rowbgcolor}}}||<-2> {{{<-2>}}} ||
   || || ||<bgcolor=#008275>{{{bgcolor}}}|| ||
  * 다크 테마용 색상 관련 '''{{{#red 주의}}}''': 다크 테마용 색상을 적용시킨 한 열 지정 문법과 셀 지정 문법이 충돌하게 되면, 셀 지정 문법에 다크 테마용 색상을 적용시키지 않는 이상 다크 테마에서는 셀 지정 문법의 색상 코드가 사라지는 버그가 있습니다.
   * 예시: {{{<colbgcolor=#FFF,#000>}}}와 {{{<bgcolor=#F5F5F5>}}}가 충돌할 경우 라이트 테마에서는 #F5F5F5, 다크 테마에서는 #000 색상으로 출력됩니다. 다크 테마에서도 #F5F5F5 색상을 유지하고 싶은 경우엔 {{{<bgcolor=#F5F5F5,#F5F5F5>}}}로 입력해야 합니다.

 * '''글자색'''[anchor(테이블 글자색)]
  * 개별 셀 지정: {{{<color=#RRGGBB>}}}, {{{<color#RRGGBB>}}}
  * 한 열 지정: {{{<colcolor=#RRGGBB>}}}
    * 색상을 지정한 셀부터 아래로만 적용됩니다.
    * '''{{{#red 주의}}}''': {{{<col color=#RRGGBB>}}}는 지원하지 않습니다.
  * 한 행 지정: {{{<rowcolor=#RRGGBB>}}}
    * '''{{{#red 주의}}}''': {{{<row color=#RRGGBB>}}}는 지원하지 않습니다.
  * 테이블 전체 지정: {{{<tablecolor=#RRGGBB>}}} 또는 {{{<table color=#RRGGBB>}}}
  * 우선순위: {{{color}}} > {{{colcolor}}} > {{{rowcolor}}} > {{{tablecolor}}}

 * '''테두리색'''[anchor(테이블 테두리색)]: {{{<tablebordercolor=#RRGGBB>}}} 또는 {{{<table bordercolor=#RRGGBB>}}}
 테두리색 옵션을 줄 경우 테두리의 굵기가 기존 1px에서 2px로 변경되어 색을 더 잘 보이게 해줍니다. 그에 따라 셀 안쪽의 너비가 좁아지는데 [[웹 브라우저]]에 따라 '''구현이 다르므로 주의해야 합니다.''' 파이어폭스의 경우 가장 좌측 셀의 너비가 1 줄어들고, 오페라의 경우 가장 우측 셀의 너비가 1 줄어듭니다. 정밀하게 셀 크기를 조정할 때 참고해야 합니다.
모래위키:문법 도움말(r1 문단 편집)

모래위키:문법 도움말_{(r1 문단 편집)}
